window.onload = function() {
    var isModify = false;
    var isdelete = false;

    $("#ModifyRec").click(function() {
        if (isdelete) {
            isModify = true;
            isdelete = false;
            $(".modify").delay(500).fadeToggle();
            $(".delete").fadeToggle();
        } else {
            if (isModify)
                isModify = false;
            else
                isModify = true;
            $(".finish").fadeToggle();
            $(".modify").fadeToggle();
        }
    })

    $("#DelateRec").click(function() {
        if (isModify) {
            isModify = false;
            isdelete = true;
            $(".modify").fadeToggle();
            $(".delete").delay(500).fadeToggle();
        } else {

            if (isdelete)
                isdelete = false;
            else
                isdelete = true;
            $(".finish").fadeToggle();
            $(".delete").fadeToggle();
        }
    })

    $(".finish").click(function() {
        $(this).fadeOut();
        if (isModify) {
            $(".modify").fadeOut();
            isModify = false;
        } else if (isdelete) {
            $(".delete").fadeOut();
            isdelete = false;
        }

    })

    $("#useremail").html(sessionStorage.getItem("email"));
    console.log(sessionStorage.getItem("email"));


}